<html lang="en">
<head>
     <title>Home</title>
     <meta charset="utf-8">
     <meta name="format-detection" content="telephone=no">
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/camera.css">
     <link rel="stylesheet" href="css/owl.carousel.css"> 
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.css">

    
        <script>    
                $().UItoTop({ easingType: 'easeOutQuart' });
            });
            </script>                          
     </head>
	 <body id="top" style="">

<!--==============================header=================================-->

    <header id="header">
        <div class="container_12">
            <div class="grid_6">
                <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
            </div>
            <div class="clear"></div>
            <div class="grid_12">
                <nav>
                    <ul class="sf-menu sf-js-enabled sf-arrows">
                        <li class="current"><a href="index.html">Home</a></li>
                        <li><a href="index-1.html">About</a></li>
                        <li><a href="index-2.html">Services</a></li>
                        <li class=""><a href="index-3.html" class="sf-with-ul">Blog</a>
                            <ul style="display: none;">
                                <li><a href="#">Dolore ipsu</a></li>
                                <li class=""><a href="#" class="sf-with-ul">Consecte</a>
                                    <ul style="display: none;">
                                        <li><a href="#">Dolore ipsu</a></li>
                                        <li><a href="#">Consecte</a></li>
                                        <li><a href="#">Elit Conseq</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Elit Conseq</a></li>
                            </ul>
                        </li>
                        <li><a href="index-4.html">Contacts</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="clear"></div>

<!--==========================slider=========================-->

                    <div class="slider_wrapper">
                        <div id="camera_wrap" class="camera_wrap" style="display: block; margin-bottom: 24px; height: 615px;"><div class="camera_fakehover"><div class="camera_src camerastarted hovered">
                            <div data-src="images/slide1.jpg">
                                 
                            </div>
                            <div data-src="images/slide2.jpg">
                                                              
                            </div> 
                            <div data-src="images/slide3.jpg">
                                
                            </div>
                        </div><div class="camera_target"><div class="cameraCont"><div class="cameraSlide cameraSlide_0" style="visibility: visible; display: none; z-index: 1; margin-left: 0px; margin-top: 0px;"><img src="images/slide1.jpg?1408467519934" class="imgLoaded" data-alignment="" data-portrait="" width="2050" height="918" style="visibility: visible; height: 615px; margin-left: -12.183006535947698px; margin-top: 0px; position: absolute; width: 1373.3660130718954px;"><div class="camerarelative" style="width: 1349px; height: 615px;"></div></div><div class="cameraSlide cameraSlide_1 cameracurrent" style="display: block; z-index: 999; margin-left: 0px; margin-top: 0px;"><img src="images/slide2.jpg?1408467527340" class="imgLoaded" data-alignment="" data-portrait="" width="2050" height="918" style="visibility: visible; height: 615px; margin-top: 0px; position: absolute; margin-left: -12.183006535947698px; width: 1373.3660130718954px;"><div class="camerarelative" style="width: 1349px; height: 615px;"></div></div><div class="cameraSlide cameraSlide_2 cameranext" style="display: none; z-index: 1; margin-left: 0px; margin-top: 0px;"><img src="images/slide3.jpg?1408467579969" class="imgLoaded" data-alignment="" data-portrait="" width="2050" height="918" style="visibility: visible; height: 615px; margin-left: -12.183006535947698px; margin-top: 0px; position: absolute; width: 1373.3660130718954px;"><div class="camerarelative" style="width: 1349px; height: 615px;"></div></div><div class="cameraSlide cameraSlide_3 cameranext" style="z-index: 1; display: none;"><div class="camerarelative" style="width: 1349px; height: 615px;"></div></div></div></div><div class="camera_overlayer"></div><div class="camera_target_content"><div class="cameraContents"><div class="cameraContent" style="display: none;"><div class="camera_caption"><div>
                                    <div class="container_12">
                                        <div class="grid_12">
                                            <div class="title1">100%</div>
                                            <div class="title2">customer support</div>
                                            <a href="#" class="link">more info</a>
                                        </div>
                                    </div> 
                                </div></div></div><div class="cameraContent cameracurrent" style="display: block;"><div class="camera_caption"><div>
                                    <div class="container_12">
                                        <div class="grid_12">
                                            <div class="title1">BEST</div>
                                            <div class="title2">propositions for you</div>
                                            <a href="#" class="link">more info</a>
                                        </div>
                                    </div> 
                                </div></div></div><div class="cameraContent" style="display: none;"><div class="camera_caption"><div>
                                    <div class="container_12">
                                        <div class="grid_12">
                                            <div class="title1">PERFECT</div>
                                            <div class="title2">communication services</div>
                                            <a href="#" class="link">more info</a>
                                        </div>
                                    </div> 
                                </div></div></div></div></div><div class="camera_bar" style="display: none; top: auto; height: 7px;"><span class="camera_bar_cont" style="opacity: 0.8; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgb(34, 34, 34);"><span id="pie_0" style="opacity: 0.8; position: absolute; left: 0px; right: 0px; top: 2px; bottom: 2px; display: block; background-color: rgb(238, 238, 238);"></span></span></div><div class="camera_commands"><div class="camera_play" style="display: none;"></div><div class="camera_stop" style="display: block;"></div></div></div><div class="camera_pag"><ul class="camera_pag_ul"><li class="pag_nav_0" style="position:relative; z-index:1002"><span><span>0</span></span></li><li class="pag_nav_1 cameracurrent" style="position:relative; z-index:1002"><span><span>1</span></span></li><li class="pag_nav_2" style="position:relative; z-index:1002"><span><span>2</span></span></li></ul></div><div class="camera_loader" style="display: none; visibility: visible;"></div></div>
                    </div>


<!--===========================content================================-->

    <div id="content">
        <div class="banner">
            <div class="container_12">
                <div class="grid_12">
                    <div class="welc_block">
                        <h2 class="size1">Welcome!</h2>
                        <h5>Lorem ipsum dolor sit amet, consectetur adipisc ing elit In commodo libero.</h5>
                        <a href="#" class="link">more info</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg1 p102">
            <div class="container_12">
                <div class="grid_3 wrap">
                   <div class="thumb">
                        <div class="image"><img src="images/page1_img1.png" alt=""></div>
                        <h4>Hardware</h4>
                        <h6><a href="#" class="link1">Mes cuml dia sed cet inger lot.</a></h6>
                        <p>Nam justo ante, hendrerit vitae aliquet condimentum, commodo eu mi. Etiam sol licitudin odio at. </p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb">
                        <div class="image"><img src="images/page1_img2.png" alt=""></div>
                        <h4>Networking</h4>
                        <h6><a href="#" class="link1">Mes cuml dia sed cet inger lot.</a></h6>
                        <p>Nam justo ante, hendrerit vitae aliquet condimentum, commodo eu mi. Etiam sol licitudin odio at. </p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb">
                        <div class="image"><img src="images/page1_img3.png" alt=""></div>
                        <h4>INNOVATION</h4>
                        <h6><a href="#" class="link1">Mes cuml dia sed cet inger lot.</a></h6>
                        <p>Nam justo ante, hendrerit vitae aliquet condimentum, commodo eu mi. Etiam sol licitudin odio at. </p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3">
                   <div class="thumb">
                        <div class="image"><img src="images/page1_img4.png" alt=""></div>
                        <h4>DEVELOPMENT</h4>
                        <h6><a href="#" class="link1">Mes cuml dia sed cet inger lot.</a></h6>
                        <p>Nam justo ante, hendrerit vitae aliquet condimentum, commodo eu mi. Etiam sol licitudin odio at. </p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>                                             
            </div>
        </div>
        <div class="p96">
            <div class="container_12">
                <div class="grid_6 wrap">
                    <div class="block">
                        <h3>Our <br><span>services</span></h3>
                        <h6><a href="#">Mes cuml dia sed ineniasinge dolor ipsum commete ipsum comnetus.</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero.</p>
                        <div class="grid_3 alpha">
                            <ul class="list mt">
                                <li><a href="#"><i class="fa fa-angle-right"></i>COMPUTER SUPPORT</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>IT SYSTEMS</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>REMOTE ACCESS</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>REMOTE DESKTOP</a></li>
                            </ul>
                        </div>
                        <div class="grid_3 omega">
                            <ul class="list mt">
                                <li><a href="#"><i class="fa fa-angle-right"></i>BLACKBERRY MOBILE</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>IT CONSULTANCY</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>HOSTED EXCHANGE</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>Data Warehousing</a></li>
                            </ul>                    
                        </div>                        
                    </div>
                </div>
                <div class="grid_6">
                    <div class="block">
                        <h3>Shortly <br><span>about us</span></h3>
                        <div class="img"><img src="images/page1_img5.jpg" alt=""></div>
                        <h6><a href="#">Mes cuml dia sed ineniasin dolore ipsum commete ipsum com ipsum.</a></h6>
                        <p>Dolor nunc vule putateulr ips donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam ipsum accumsan dolore condime netu lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero ipsum sit amet sollicitudin ante. </p>
                    </div>                                         
                </div>                                         
            </div>     
        </div>
            <div class="container_12">
                <div class="grid_12">
                    <div class="divider"></div>
                </div>
            </div>
        <div class="p96">
            <div class="container_12">
                <div class="grid_12">
                    <h3>featured <br><span>news</span></h3>
                    <div id="owl" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
                        <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 3130px; left: 0px; display: block;"><div class="owl-item" style="width: 313px;"><div class="item">
                            <time datetime="2014-01-01">01<span>may</span></time>
                            <div class="pl">
                                <h5>Donec facilisi ulet</h5>
                                <h6><a href="#">Lorem Ipsum dolore</a></h6>
                                <p>Morbi tempor quam massadipu iscing ut curs congue pentesq.</p>
                            </div>
                        </div></div><div class="owl-item" style="width: 313px;"><div class="item">
                            <time datetime="2014-01-01">02<span>may</span></time>
                            <div class="pl">
                                <h5>Donec facilisi ulet</h5>
                                <h6><a href="#">Lorem Ipsum dolore</a></h6>
                                <p>Morbi tempor quam massadipu iscing ut curs congue pentesq.</p>
                            </div>
                        </div></div><div class="owl-item" style="width: 313px;"><div class="item">
                            <time datetime="2014-01-01">03<span>may</span></time>
                            <div class="pl">
                                <h5>Donec facilisi ulet</h5>
                                <h6><a href="#">Lorem Ipsum dolore</a></h6>
                                <p>Morbi tempor quam massadipu iscing ut curs congue pentesq.</p>
                            </div>
                        </div></div><div class="owl-item" style="width: 313px;"><div class="item">
                            <time datetime="2014-01-01">04<span>may</span></time>
                            <div class="pl">
                                <h5>Donec facilisi ulet</h5>
                                <h6><a href="#">Lorem Ipsum dolore</a></h6>
                                <p>Morbi tempor quam massadipu iscing ut curs congue pentesq.</p>
                            </div>
                        </div></div><div class="owl-item" style="width: 313px;"><div class="item">
                            <time datetime="2014-01-01">05<span>may</span></time>
                            <div class="pl">
                                <h5>Donec facilisi ulet</h5>
                                <h6><a href="#">Lorem Ipsum dolore</a></h6>
                                <p>Morbi tempor quam massadipu iscing ut curs congue pentesq.</p>
                            </div>
                        </div></div></div></div>
                        
                        
                        
                        
                    <div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev">prev</div><div class="owl-next">next</div></div></div></div>
                </div>            
            </div>            
        </div>
        <div class="bg2 p35">
            <div class="container_12">
                <div class="sub_form">
                    <div class="grid_5">
                        <i class="fa fa-envelope-o"></i>
                        <h5>Subscribe to our Newsletter</h5>
                    </div>
                    <form id="subscribe-form" class="clearfix">
                        <div class="grid_5">
                            <div class="success" style="display: none;">Your subscription request<br> has been sent!</div>
                            <fieldset>
                                <label class="email invalid">
                                    <input type="email" value="your email address">
                                    <span class="error">*This is not a valid email address.</span>
                                </label>&nbsp;
                            </fieldset> 
                        </div>
                        <div class="grid_2">
                            <a href="#" data-type="submit" class="link">submit</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>        
    </div>

<!--==============================footer=================================-->

    <footer id="footer" class="footer">
        <div class="container_12">
            <div class="grid_6">
                <span>COMMUX</span>
                <div class="copy">
                <span>©</span>
                <span id="copyright-year">2014</span>
                <span>|</span>
                <span><a href="index-5.html">Privacy Policy</a></span> <!--{%FOOTER_LINK} --></div>
            </div>
            <div class="grid_6">
                <ul class="social-links">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>  
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>
        </div>
    </footer>
<script type="text/javascript">
 var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();</script>

<a href="#" id="toTop" style="margin-right: -44px; right: 50%; display: block;"><span id="toTopHover" style="opacity: 0;"></span></a></body>
</html>